<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>待付款</title>
    <link href="/css/init.css" rel="stylesheet" type="text/css">
    <link href="/css/All_orders.css" rel="stylesheet" type="text/css">
    <link href="/css/Navigation_bar.css" rel="stylesheet" type="text/css">
</head>
<body>
<div th:insert="~{Navigation_bar :: top_nav}"></div>
<div class="content">
    <div class="grid-c2">
        <div class="col-main">
            <!--左边的盒子-->
            <section th:insert="~{info/All_orders :: la}"></section>
            <!--<section class="col-sub">
                <aside class="mt-menu">
                    <div class="mt-menu-tree">
                        <dl class="mt-menu-item">
                            <dt class="qb">全部功能</dt>
                            <dd>
                                <a href="javascript:;">我的购物车</a>
                            </dd>
                            <dd class="mt-menu-sub">
                                <b class="col-sub-b">-</b>
                                <a href="javascript:;">已买到的商品</a>
                            </dd>
                            <dd>
                                <a href="javascript:;">个人信息</a>
                            </dd>
                            <dd>
                                <a href="javascript:;">用户地址管理</a>
                            </dd>
                        </dl>
                    </div>
                </aside>
            </section>-->
            <div class="J_bought_main">
                <div class="tp">
                    <div class="taps-mod-container">
                        <div class="taps-mod-main">
                            <div class="tabs-mod-tab">
                                    <span class="nav-mod-tab">
                                        <a class="nav-mod-text" href="/user/info/show/orders/all">所有订单</a>
                                        <span class="nav-mod-count"></span>
                                    </span>
                                <span class="tabs-mod-sep">|</span>
                            </div>
                            <div class="tabs-mod-tab tabs-mod-selected">
                                    <span class="nav-mod-tab">
                                        <span class="nav-mod-text">待付款</span>
                                        <span class="nav-mod-count"></span>
                                    </span>
                                <span class="tabs-mod-sep">|</span>
                            </div>
                            <div class="tabs-mod-tab">
                                    <span class="nav-mod-tab">
                                        <span class="nav-mod-text">待发货</span>
                                        <span class="nav-mod-count"></span>
                                    </span>
                                <span class="tabs-mod-sep">|</span>
                            </div>
                            <div class="tabs-mod-tab">
                                    <span class="nav-mod-tab">
                                        <span class="nav-mod-text">待收货</span>
                                        <span class="nav-mod-count"></span>
                                    </span>
                            </div>
                        </div>
                        <div class="tabs-mod-minors">
                            <div class="tabs-mod-minors-tab">
                                    <span class="nav-mod-tab nav-mod-recycle">
                                        <img src="/img/huishouzhan1.png" alt="" class="nav-mod-img">
                                        <span class="nav-mod-text">订单回收站</span>
                                    </span>
                            </div>
                        </div>
                    </div>
                    <div class="index-mod-ems-ad"></div>
                    <form class="container">
                        <div class="search-mod-simple-part">
                            <input type="text" class="search-mod-order-search-input" placeholder="输入商品标题或订单号进行搜索">
                            <button class="search-mod-order-search-button">订单搜索</button>
                            <button class="search-mod-more-button">
                                <span>更多筛选条件</span>
                                <img src="/img/jiantou1.png" alt="">
                            </button>
                        </div>
                        <!--筛选条件表格-->
                        <div class="more-part" style="display: none;">
                            <div class="row-mod-row-1">
                                <div class="search-mod-col-1 search-mod-col1">
                                    <label>
                                        <span class="search-mod-label-text">订单类型</span>
                                            <span class="field-select-mod-select-1">
                                                <span class="rc-select-selection">
                                                    <span class="rc-select-selection-rendered">
                                                        <span>全部</span>
                                                    </span>
                                                    <span class="rc-select-arrow">
                                                        <b></b>
                                                    </span>
                                                </span>
                                            </span>
                                    </label>
                                </div>
                                <div class="search-mod-col-1 search-mod-col2">
                                    <span class="search-mod-label-text">成交时间</span>
                                    <input class="field-select-mod-select-1" placeholder="请选择时间范围起始" type="text">
                                    <span class="search-mod-sep">-</span>
                                    <input class="field-select-mod-select-1" placeholder="请选择时间范围结束" type="text">
                                </div>
                                <div class="search-mod-col-1 search-mod-col3">
                                    <label class="search-mod-last-field">
                                        <span class="search-mod-label-text">卖家昵称</span>
                                        <input class="field-select-mod-select-1" type="text">
                                    </label>
                                </div>
                            </div>
                            <div class="row-mod-row-1">
                                <div class="search-mod-col-1 search-mod-col1">
                                    <label>
                                        <span class="search-mod-label-text">评价状态</span>
                                            <span class="field-select-mod-select-1">
                                                <span class="rc-select-selection">
                                                    <span class="rc-select-selection-rendered">
                                                        <span>全部</span>
                                                    </span>
                                                    <span class="rc-select-arrow">
                                                        <b></b>
                                                    </span>
                                                </span>
                                            </span>
                                    </label>
                                </div>

                                <div class="search-mod-col-1 search-mod-col2">
                                    <label>
                                        <span class="search-mod-label-text"></span>
                                            <span class="field-select-mod-select-1">
                                                <span class="rc-select-selection">
                                                    <span class="rc-select-selection-rendered">
                                                        <span>全部</span>
                                                    </span>
                                                    <span class="rc-select-arrow">
                                                        <b></b>
                                                    </span>
                                                </span>
                                            </span>
                                    </label>
                                </div>
                                <div class="search-mod-col-1 search-mod-col3">
                                    <label>
                                        <span class="search-mod-label-text">售后服务</span>
                                            <span class="field-select-mod-select-1">
                                                <span class="rc-select-selection">
                                                    <span class="rc-select-selection-rendered">
                                                        <span>全部</span>
                                                    </span>
                                                    <span class="rc-select-arrow">
                                                        <b></b>
                                                    </span>
                                                </span>
                                            </span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </form>
                    <span class="nav_anchor" style="visibility:hidden;height:0;"></span>
                    <table class="bought-table-mod">
                        <colgroup class="bought-table-mod-colgroup">
                            <col class="bought-table-mod-col1">
                            <col class="bought-table-mod-col2">
                            <col class="bought-table-mod-col3">
                            <col class="bought-table-mod-col4">
                            <col class="bought-table-mod-col5">
                            <col class="bought-table-mod-col6">
                            <col class="bought-table-mod-col7">
                        </colgroup>
                        <tbody class="bought-table-mod-tbody">
                        <th>宝贝</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>商品操作</th>
                        <th>实付款</th>
                        <th>
                                    <span class="field-select-mod-select">
                                        <span class="rc-select-selection">
                                            <span class="rc-select-selection-rendered">
                                                <span>交易状态</span>
                                                <span class="rc-select-arrow">
                                                    <b></b>
                                                </span>
                                            </span>
                                        </span>
                                    </span>
                        </th>
                        <th>交易操作</th>
                        </tbody>
                    </table>
                    <!--上一页/下一页-->
                    <div class="row-mod-row clearFloat">
                        <div style="float:left;">
                            <label class="row-mod-row-float">
                                    <span class="bought-wrapper-mod-checkbox">
                                        <input class="qxbox" value="false" type="checkbox">
                                        <label class="no_check" check="1"></label>
                                    </span>
                                <span>全选</span>
                            </label>
                            <div class="batch-mod">
                                <button class="button-mod-button">合并付款</button>
                            </div>
                        </div>
                        <div style="float:right;">
                            <div class="simple-pagination-mod-container">
                                <button class="button-mod-button button-mod-default button-mod-small simple-pagination-mod-prev">上一页</button>
                                <button class="button-mod-button button-mod-default button-mod-small">下一页</button>
                            </div>
                        </div>
                    </div>
                    <!--订单物品详情-->
                    <!--/*/ <th:block th:each="t : ${info}"> /*/-->
                    <div class="index-mod-order-container">
                        <div class="bought-wrapper-mod-trade-order">
                            <table class="bought-table-mod-table">
                                <colgroup>
                                    <col class="bought-table-mod-col1">
                                    <col class="bought-table-mod-col2">
                                    <col class="bought-table-mod-col3">
                                    <col class="bought-table-mod-col4">
                                    <col class="bought-table-mod-col5">
                                    <col class="bought-table-mod-col6">
                                    <col class="bought-table-mod-col7">
                                </colgroup>
                                <tbody class="bought-wrapper-mod-head">
                                <tr>
                                    <td class="bought-wrapper-mod-head-info-cell">
                                        <label class="bought-wrapper-mod-checkbox-label">
                                                    <span class="bought-wrapper-mod-checkbox">
                                                        <input class="qxbox" value="false" type="checkbox">
                                                         <label class="no_check" check="1"></label>
                                                    </span>
                                            <span class="bought-wrapper-mod-create-time" th:text="${#dates.format(t.createTime,'yyyy-MM-dd HH:mm:ss')}">2018-11-28</span>
                                        </label>
                                                <span>
                                                    <span>订单号</span>
                                                    <span>:</span>
                                                    <span th:text="${t.tId}">278334625306139976</span>
                                                </span>
                                    </td>
                                    <td class="bought-wrapper-mod-thead-operations-container">
                                        <a href="javascript:;" class="delOrder">
                                            <i></i>
                                        </a>
                                    </td>
                                </tr>
                                </tbody>
                                <tbody>
                                <!--/*/ <th:block th:each="item: ${t.transactions}">  /*/-->
                                <tr class="tr-order">
                                    <td class="sol-mod-no-br">
                                        <div class="ml-mod-container">
                                            <div class="ml-mod-media">
                                                <a href="javascript:;" class="ml-mod-media-a">
                                                    <img th:src="${item.commodity.images}" src="/img/erji10.jpg" alt="">
                                                </a>
                                            </div>
                                            <div style="margin-left:90px;">
                                                <p class="order-a">
                                                    <a href="javascript:;">
                                                        <span></span>
                                                        <span style="line-height:16px;" th:text="${item.commodity.title}">?兰士顿 D4重低音炮四核双动圈耳机入耳式塞K歌HiFi手机通用男女</span>
                                                        <span></span>
                                                    </a>
                                                    <a href="javascript:;">
                                                        [交易快照]
                                                    </a>
                                                </p>
                                                <p>
                                                    <a href="javascript:;" style="margin-right:8px;">
                                                        <img src="/img/baozheng2.png" alt="">
                                                    </a>
                                                    <a href="javascript:;" style="margin-right:8px;">
                                                        <img src="/img/baozheng3.png" alt="">
                                                    </a>
                                                    <a href="javascript:;" style="margin-right:8px;">
                                                        <img src="/img/baozheng4.png" alt="">
                                                    </a>
                                                </p>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="sol-mod-no-br">
                                        <div class="price-mod-price">
                                            <!--<del>
                                                <span class="price-mod-price-del1">￥</span>
                                                <span class="price-mod-price-del2" >149</span>
                                            </del>-->
                                            <p>
                                                <span class="price-mod-price-span1">￥</span>
                                                <span class="price-mod-price-span2" th:text="${item.commodity.price}">61.90</span>
                                            </p>
                                        </div>
                                    </td>
                                    <td class="sol-mod-no-br">
                                        <div class="sol-mod-no-br1">
                                            <p th:text="${item.count}">1</p>
                                        </div>
                                    </td>
                                    <td class="set-border">
                                        <div>
                                            <p>
                                                <a href="javascript:;">违规举报</a>
                                            </p>
                                        </div>
                                    </td>
                                    <td class="set-border">
                                        <div>
                                            <div class="price-mod-price">
                                                <p></p>
                                            </div>
                                            <p>
                                                <span>(含运费:</span>
                                                <span>￥</span>
                                                <span th:text="${item.subtotal}">0.00</span>
                                                <span>)</span>
                                            </p>
                                        </div>
                                    </td>
                                    <td class="set-border">
                                        <div>
                                            <p>等待买家付款</p>
                                            <a href="javascript:;">订单详情</a>
                                        </div>
                                    </td>
                                    <td class="pinglun-last">
                                        <div>
                                            <a href="javascript:;" th:href="@{/pay/toPay/{tid}/{aid}(tid=${t.tId},aid=${t.addrs.aid})}" class="pay" style="color: #ffffff">立即付款</a>
                                        </div>
                                    </td>
                                </tr>
                                <!--/*/ </th:block> /*/-->
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!--/*/ </th:block> /*/-->
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery-1.12.4.js"></script>
<script>
    $(function(){

        $(".bought-wrapper-mod-checkbox label").on("click",function(){
            if($(this).attr("check")==1){
                if($(this).hasClass("no_check")){
                    $(this).removeClass("no_check");
                }
                $(this).addClass("check");
                $(this).attr("check",0);
            }else{
                if($(this).hasClass("check")){
                    $(this).removeClass("check");
                }
                $(this).addClass("no_check");
                $(this).attr("check",1);
            }
        });
    });
</script>
</body>
</html>